<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <title>Standard Transitional.html</title>
    <meta http-equiv="pragma" content="no-cache" />
    <meta http-equiv="cache-control" content="no-cache" />
    <meta http-equiv="expires" content="0" />
	<link type="text/css" href="css/start/jquery-ui-1.8.10.custom.css" rel="stylesheet" />	
	<link type="text/css" href="css/web-design.css" rel="stylesheet" />	
	<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.8.10.custom.min.js"></script>
	<script type="text/javascript" src="js/web-design.js"></script>
    <script type="text/javascript">
    <!--
    $(function() {
        $(".web-module-new").draggable({
            appendTo: "body",
            helper: "clone"
        });
        $(".web-widget").droppable({
        	activeClass: "ui-state-default",
            hoverClass: "ui-state-hover",
            accept: ".web-module-new",
            drop: function(event, ui) {
                $("<div></div>").addClass("web-module").appendTo(this).draggable({
                    containment: "body",
                    scroll: false
                }).resizable({
                    
                });
            }
        });
        $(".web-recycle").droppable({
            accept: ".web-module",
            drop: function(event, ui) {
                ui.draggable.css({left: 100, top: 100, "background-color": "gray"});
            }
        });

    });
    //-->
    </script>
</head>
<body>
    <div id="circle" class="circle"></div>
    <div id="circle2" class="circle"></div>
    <div class="web-widget">
    </div>
    <div class="web-module-new"></div>
    <div class="web-recycle"></div>
</body>
</html>


